---
title: Solid
description: Solid.js-specific linting rules for Ultracite.
---

The Solid configuration has Solid.js-specific linting rules for reactivity, component patterns, and JSX handling.

## Installation

Add the Solid configuration to your `biome.jsonc`:

```jsonc title="biome.jsonc"
{
  "extends": ["ultracite/core", "ultracite/solid"]
}
```

## Overview

This configuration adds rules specific to Solid.js development:

- **Reactivity Rules**: Enforce proper use of Solid's reactive primitives
- **Component Patterns**: Ensure Solid components follow best practices
- **Props Handling**: Prevent destructuring props (breaks reactivity)
- **React-Specific Props**: Disallow React-specific props in Solid components

## Solid-Specific Rules

### Correctness

| Rule | Setting | Description |
|------|---------|-------------|
| `noSolidDestructuredProps` | `error` | Prevent destructuring props in Solid components. Destructuring breaks Solid's reactivity system. Access props directly instead. |

### Performance

| Rule | Setting | Description |
|------|---------|-------------|
| `useSolidForComponent` | `error` | Enforce using `<For>` component for iterating over arrays in Solid. The `<For>` component is optimized for Solid's reactivity. |

### Suspicious

| Rule | Setting | Description |
|------|---------|-------------|
| `noReactSpecificProps` | `error` | Disallow React-specific props like `className` and `htmlFor` in Solid. Use `class` and `for` instead. |
